<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../vue.js"></script>
 </head>
<body>
    <div id="app">
         <!-- 所有vue的插值语法中,如果使用变量,则都是去当前容器所被挂载的vm实例的属性上去寻找 -->
        <h1>{{name}}的基础使用</h1>
    </div>
    <script>
        const vm = new Vue({
            el:"#app",
           /* 
          data可以是一个对象,是Vue 实例的数据对象
          data的数据会在实例对象vm上作为属性存放起来
        */
            data:{
                project:"VUE",
                name: "youyuxi",
                age:"2013"
            }
        })
        console.log(vm);
       
    </script>
</body>
</html>